@import url('https://fonts.googleapis.com/css?family=Raleway');
@-moz-document
regexp("(https|http)\:\/\/boards\.4chan\.org\/(?=ic|wg|r9k|pol|soc|s4s|hc|hm|hr|gif|aco|trash|bant|[fibsheudytr]\/).*")
	{
	:root
        {
            --bg: #331558 !important;
            --green: #F71361 !important;
            --normal: #C7145E !important;
            --PI: #521559 !important;
            --link: #D9135F !important;
            --bg-button: #6E145A !important;
            --subject: #B4145D !important;
            --name: #9F145D !important;
        }
    body
        {
            background-image: linear-gradient(to top, #231557 0%, #FF1361 100%);
            background-attachment: fixed;
        }
	}
@-moz-document
regexp("(https|http)\:\/\/boards\.4chan\.org\/(?!=ic|wg|r9k|pol|soc|s4s|hc|hm|hr|gif|aco|trash|bant|[fibsheudytr]\/).*")
    {
    :root
        {
            --bg: #193F8A !important;
            --green: #C6D3EC !important;
            --normal: #98ACD3 !important;
            --PI: #315498 !important;
            --link: #AABBDC !important;
            --bg-button: #3E5FA2 !important;
            /*--subject: Not needed here*/
            --name: #607DB7 !important;
        }
    body
        {
            background-image: linear-gradient(to top, #0c3483 0%, #C6D3EC 100%);
            background-attachment: fixed;
        }
}
/*=====================================Hiding======================================*/

hr,
.sideArrows,
#absbot,
.stylechanger,
div.postInfo input,
div#styleSwitcher,
span.navLinks.navLinksBottom.mobilebtn
      { display: none; }

/*=====================================General======================================*/

*
	{
    	font-family: 'Raleway' !important;
        font-weight: normal;
        margin: 0;
        padding: 0;
	}

*,
#search-box,
a.qr-link,
table.postForm > tbody > tr > td,
table.postForm > tbody > tr input,
table.postForm > tbody > tr textarea
	{
    	font-family: 'Raleway';
        font-weight: normal;
	}

.board
	{
        width: 95%;
        margin-left: 2.5%;
	}

#togglePostFormLink,
table#postForm,
table.postForm > tbody > tr > td:first-child,
table#postForm > tbody > tr > td:nth-child(2) > input:nth-child(2),
textarea:focus,
#blotter,
#globalMessage,
#ctrl-top,
.navLinks:not(.navLinksBot),
div.post,
div.opContainer > div.op > div.postInfo,
.dialog:not(#qr):not(#thread-watcher):not(#header-bar):not(#menu),
.summary,
.navLinksBot,
.inline:not(.quotelink),
:root.yotsuba-b .dialog:not(#header-bar),
:root.yotsuba .dialog:not(#header-bar),
div.pagelist,
div.extended-small div.thread,
div.extended-large div.thread,
:root.yotsuba-b #header-bar,
:root.yotsuba #header-bar,
#fourchanx-settings .suboption-list div,
textarea,
input,
select,
#qr-filename-container,
span#search-label-bottom,
#arc-list,
h4.center
	{ background-color: var(--bg) !important; }

:root.yotsuba-b .focused.entry,
:root.yotsuba .focused.entry,
#togglePostFormLink,
table#postForm > tbody > tr > td:nth-child(2) > input,
table#postForm > tbody > tr > td:nth-child(2) > textarea,
textarea:focus,
input:focus,
#search-box,
.postInfo,
div.opContainer > div.op > div.file,
code,
table.flashListing tr:nth-of-type(2n+1)
	{ background-color: var(--PI) !important; }

span.summary,
span.abbr,
:root.yotsuba-b #menu,
:root.yotsuba #menu,
a.qr-link,
#togglePostFormLink,
tbody,
table.postForm > tbody > tr > td,
table.postForm > tbody > tr input,
table.postForm > tbody > tr textarea,
#blotter,
.globalMessage h1,
.globalMessage h2,
.globalMessage h3,
.globalMessage h4,
#ctrl-top,
#search-box,
.navLinks,
div.post,
div#settings,
div.extended-small div.thread,
div.extended-large div.thread,
#shortcuts,
#fourchanx-settings,
#fourchanx-settings .description,
textarea,
input,
select,
button,
#globalMessage,
.move,
#qr-filename-container,
span#search-label-bottom,
h4.center
	{ color: var(--normal) !important; }

table#postForm > tbody > tr > td:nth-child(2) > input:nth-child(2),
table#postForm > tbody > tr > td:nth-child(2) > input#postFile[type="file"],
a,
.replylink,
a.replylink,
a.quotelink,
span.summary > a.replylink,
div.post div.postInfo span.postNum a,
.pageSwitcherForm > input,
div#info,
div#info .button,
span#filters-ctrl,
span#qf-ctrl,
#fourchanx-settings label,
span#qf-clear,
#arc-list .quotelink
	{ color: var(--link) !important; }

table#postForm > tbody > tr > td:nth-child(2) > input:nth-child(2):hover,
table#postForm > tbody > tr > td:nth-child(2) > input#postFile[type="file"]:hover,
a:hover,
.replylink:hover,
a.replylink:hover,
span.summary > a.replylink:hover,
span.quote,
div.post div.postInfo span.postNum a:hover,
.warning,
.pageSwitcherForm > input:hover,
div#info:hover,
div#info .button:hover,
span#filters-ctrl:hover,
span#qf-ctrl:hover,
#fourchanx-settings label:hover,
fieldset,
textarea:focus,
input:focus,
code,
span#qf-clear:hover,
.postblock,
#arc-list .quotelink:hover
	{ color: var(--green) !important; }

a.quotelink,
.fileText > a,
.webm-title > a::before,
.quotelink.deadlink:not(.forwardlink)
	{ text-decoration: none; }



a.qr-link,
#qr-file-button,
#file-n-submit > input
	{
        font-weight: bold !important;
        background: none !important;
        background-color: var(--bg-button) !important;
        border-color: var(--bg-button) !important;
	}

a.qr-link:hover,
#qr-file-button:hover,
#file-n-submit > input:hover
	{
        color: var(--bg) !important;
        background-color: var(--green) !important;
        border-color: var(--green) !important;
	}


#togglePostFormLink,
#blotter,
#globalMessage,
#ctrl-top,
.navLinks:not(.navLinksBot),
div.pagelist,
span#search-label-bottom,
div.navLinksBot,
h4.center
	{ width: 30%; }

#blotter tfoot,
#ctrl-top,
.navLinks,
span#search-label-bottom
	{ text-align: center; }

#togglePostFormLink,
#blotter,
#ctrl-top,
.navLinks:not(.navLinksBot),
div.pagelist,
#globalMessage,
span#search-label-bottom,
div.navLinksBot,
h4.center
	{
        padding-top: 0.25%;
        padding-bottom: 0.25%;
        margin-left: 35% !important;
	}

#togglePostFormLink	{ margin-bottom: 0% !important; }

table#postForm { margin-bottom: 0.5%; }

table.postForm > tbody > tr > td:first-child { border-color: var(--PI); }

.field::-moz-placeholder, span#qr-no-file { color: var(--name); }

input,
textarea,
input,
input[type="text"]:focus,
textarea,
span#qr-filename-container,
:root.yotsuba-b input,
:root.yotsuba-b textarea,
:root.yotsuba-b input,
:root.yotsuba-b textarea,
:root.yotsuba-b span#qr-filename-container
	{ border-color: var(--PI) !important; }

input:focus,
textarea:focus,
input:hover,
textarea:hover,
span#qr-filename-container:hover,
:root.yotsuba-b input:focus,
:root.yotsuba-b textarea:focus,
:root.yotsuba-b input:hover,
:root.yotsuba-b textarea:hover,
:root.yotsuba-b span#qr-filename-container:hover
	{ border-color: var(--bg) !important; }

table#postForm > tbody > tr > td:nth-child(2) > input,
table#postForm > tbody > tr > td:nth-child(2) > textarea
	{ width: 97% !important; }

table#postForm > tbody > tr > td:nth-child(2) > input:nth-child(2)
	{
        width: 99.5% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid var(--PI) !important;
	}

table#postForm > tbody > tr > td:nth-child(2) > input#postFile[type="file"] { width: 99% !important; }

#blotter-msgs > tr > td  { padding-left: 2%; }

span.hide-announcement
	{
        bottom: 0px;
    	left: 5px;
	}

#search-box,
input[type="number"]
	{ border-color: var(--PI); }

select,
option,
fieldset
	{
        border: 1px solid var(--PI) !important;
	}

button
	{
        background: none !important;
        background-color: var(--bg-button) !important;
        border: 1px solid var(--bg-button) !important;
        box-shadow: none;
	}

.warning, .qmark-dead { font-style: italic; color: var(--green) !important; }
span#search-label-bottom { display: block !important; }
.postblock { background-color: var(--bg-button); }
div.boardTitle { margin-bottom: 0.5%; }

/*=====================================Thread======================================*/

div.board div.thread { margin: 1% 0 !important;}

.bottomCtrl { display: none !important; }

span.name, span.postertrip { color: var(--name) !important; }

span.subject { color: var(--subject) !important; }

span.postertrip { font-style: italic; }

div.pagelist
	{
        border: 0;
        margin-top: 1%;
        margin-bottom: 1%;
        text-align: center;
	}

div.pagelist > div
	{
        display: inline !important;
        float: unset !important;
        border: 0 !important;
	}

.pageSwitcherForm > input
	{
        border: 0;
        font-size: 13px;
		padding: 0.75% 1.5%;
        background-color: var(--bg);                
        cursor: pointer;
	}

.cataloglink
	{
        margin: 0 !important;
        padding-left: 3px !important;
	}

div.pagelist > div.prev,
div.pagelist > div.next 
	{ color: var(--bg-button); }

/*===================================OP Post====================================*/

div.opContainer > div.op > div.file
	{
		margin: 0 0 0% 0%;
        padding: 0.87%;
        border: 0;
    }

div.opContainer > div.op > div.file > a.fileThumb { margin-top: 1.77%; }
div.opContainer > div.op > div.postInfo { padding-bottom: 0px !important; }

.inline > .opContainer { margin-bottom: 0% !important; }

.summary
	{
		display: block;
		margin: -1.23% 0% 4px 0% !important;
		padding: 0.87% 0 0.87% 0.87%;
	}


/*=====================================Posts======================================*/

div.post
	{
        overflow: hidden !important;
        width: 100%;
        padding: 0;
        border: 0 !important;
	}

div.postInfo
    {
		margin: 0;
        padding: 0.87%;
        border: 0;
    }

blockquote.postMessage
	{
        margin: 0;
        padding: 0.87%;
        border: 0 !important;
	}

.file
	{
        margin: 0% 0% 0% 0%;
        padding: 0.5% 0% 0% 0.5%;
	}


div.post div.file .fileThumb { margin: 0.5% 0.87% 0.87% 0%; }

.navLinksBot
    {
        width: 100%;
        padding-bottom: 0.25%;
        margin-top: 0.87%;
        margin-bottom: 0.87%;
    }

.qr-link-container-bottom
    {
        width: unset;
        margin-left: unset;
        text-align: center;
        position: unset;
        left: unset;
    }

/*====================================Catalog====================================*/

div#ctrl #info,
div#ctrl #settings
	{ float: unset; }

div#ctrl
	{
        width: 30%;
        margin-left: 35% !important;
        margin-top: 0.5%;
        padding-top: 0.25%;
        padding-bottom: 0.25%;
        background-color: var(--bg);
	}

div#ctrl #info { padding-bottom: 0.5% !important; }

div#ctrl #info > .navLinks:not(.navLinksBot) { margin-left: 30.85% !important; }

div#ctrl > #settings
	{
        padding-top: 0.25%;
        padding-bottom: 0.25%;
        text-align: center;
	}

#settings span:nth-child(3) { margin-right: 15% !important; }
#settings .ctrl-wrap:nth-child(1) { margin-left: 11.5% !important; }

div.extended-small div.thread
	{
    	min-height: 240px;
        max-height: 240px;
        padding: 0;
        margin: 0.25%;
	}

div.extended-small div.thread img { margin-top: 15px; }

/*====================================Variable====================================*/

/*======================================Inline======================================*/

.container ~ .inline { margin-left: 0;}

.inline:not(.quotelink)
	{
        /*Quotes from OP*/
        width: 98.13%;
        margin: 0.87% 0% 0% -0.1% !important;
        padding: 0% 0% 0% 0%;
		border-top: 1px solid var(--bg) !important;
        border-right: 1px solid var(--bg) !important;
        border-bottom: 0 !important;
        border-left: 1px solid var(--bg) !important;
        
	}

.inline .post
	{
        margin: 0% 0% 0% 0% !important;
        padding: 0% 0% 0% 0% !important;
        /*To avoid shade we need to let this one here*/
        background-color: var(--bg) !important;
	}

a.quotelink.inlined + .inline
	{
        /*Quotes from the post*/
        width: 99.86%;
        margin: 0% 0% 0% 0% !important;
        padding: 0% 0% 0% 0% !important;
        border-top: 0 !important;
        border-right: 1px solid var(--PI) !important;
        border-bottom: 1px solid var(--PI) !important;
        border-left: 1px solid var(--PI) !important;
	}

.reply > .file > .fileText { margin: 0;	}
.reply > .file { margin: 0% 0% 0% 0.3%; }

/*====================================4chanX====================================*/

.dialog:not(#qr):not(#thread-watcher):not(#header-bar):not(#menu):not(.submenu):not(#fourchanx-settings)
	{
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
	}

#qp .opContainer { margin: 0%; }

#qp .post
    {
        margin: 0%;
        padding: 0%;
    }

:root.yotsuba-b .dialog:not(#header-bar),
:root.yotsuba .dialog:not(#header-bar)
	{
        box-shadow: none !important;
        border: 0;
	}

.qphl { outline: 2px solid var(--green);}

:root.highlight-own .yourPost > .reply > blockquote.postMessage { border-left: 3px dashed var(--green) !important; }
:root.highlight-you .quotesYou > .reply > blockquote.postMessage { border-left: 3px solid var(--green) !important; }

.reply:target, .reply.highlight
	{
        background: var(--bg-button) !important;
        border: 0 !important;
        padding: 0;
	}

/*=============================4chanX Settings==================================*/

.fixed.top-header #header-bar { border: 0; }

/*==============================================================================*/
/*==============================================================================*/
/*=============================Portrait Settings================================*/
/*==============================================================================*/
/*==============================================================================*/

@media (orientation: portrait)
	{

		#togglePostFormLink,
		#blotter,
		#globalMessage,
		#ctrl-top,
		.navLinks:not(.navLinksBot),
		#globalMessage,
        div#ctrl,
        span#search-label-bottom,
        h4.center
            { width: 75%; }
	
		#togglePostFormLink,
		#blotter,
		#ctrl-top,
		.navLinks:not(.navLinksBot),
		#globalMessage,
        div#ctrl,
        span#search-label-bottom,
        h4.center
 			{
    	 		padding-top: 0.25%;
    	 		padding-bottom: 0.25%;
    	 		margin-left: 12.5% !important;
 			}
	
        div.pagelist
        	{
                width: 73.5%;
                padding-top: 0.25%;
    	 		padding-bottom: 0.25%;
    	 		margin-left: 12.5% !important;
        	}
        
        div.navLinksBot
        	{
                width: 75.2% !important;
                padding-top: 0.25% !important;
    	 		padding-bottom: 0.25% !important;
    	 		margin-left: 12.5% !important;
        	}
        
		
	
		
	
 		
        
        div#ctrl #info > .navLinks:not(.navLinksBot) { margin-left: 35.4% !important; }
        
		#settings span:nth-child(3) { margin-right: 2.5% !important; }
		#settings .ctrl-wrap:nth-child(1) { margin-left: 0% !important; }
        
		div.boardTitle { margin-bottom: 1%; }        
    }